<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>狗狗音乐</title>
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <link rel="icon" href="./img/icon.png" type="img/x-icon">
    <link rel="stylesheet" type="text/css" href="./css/index.css">
    <link rel="stylesheet" type="text/css" href="./css/musiz.css">
    <link rel="stylesheet" type="text/css" href="./css/video.css">
    <script src="./js/index.js" ></script>
</head>
<body>

    <header class="main myheader">
        <div class="musize">
            <a class="headerA" href="index.html">音乐</a>
        </div>
        <div class="video">
            <div class="headerA">视频</div>
        </div>
        <div class="img">
            <div class="headerA k">图片</div>
        </div>
        <div class="tansuo">
            <a class="headerA" href="https://www.baidu.com/">探索</a>
        </div>
        <div class="user main">
            <a href="index.html"><img class="headerimg" src="./img/2.jpg"></a>
            <div class="main2">
                <a class="username" href="index.html">UserName</a>
                <a href="index.html"><img src="./img/svip.png"><img class="lv" src="./img/LV.png"></a>
            </div>
            <a href="index.html" ><img class="vipico" src="./img/email.png"></a>
            <a href="index.html"><img class="vipico" src="./img/cloth.png"></a>
            <a href="index.html" class="vip"><svg t="1668396522398" class="icon vipico" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2674" width="64" height="64"><path d="M614.015 562.226H409.928c-191.021 0-346.487 153.046-346.487 341.29v20.07C63.441 1024 216.36 1024 409.928 1024h204.087c185.927 0 346.46 0 346.5-100.413v-20.121c0-188.156-155.48-341.291-346.5-341.291zM501.77 0C350.075 0 226.7 121.566 226.7 271.02s123.323 271.047 275.07 271.047S776.84 420.475 776.84 271.02 653.454 0 501.771 0z" p-id="2675" fill="#515151"></path></svg></a>
        </div>
    </header>

    <div class="main">
        <article class="main2">
            <div class="main article1">
                <div class="article1_header" id="">
                    <a href="index.html"><img class="Crimg" src="./img/cri1.png" style="display: block;"></a>
                    <a href="index.html"><img class="Crimg" src="./img/cri2.png" style="display: none"></a>
                    <a href="index.html"><img class="Crimg" src="./img/cri3.png" style="display: none"></a>
                </div>
                <div class="article1_footer">
                    <a href="index.html"><img class="Smimg" src="./img/small1.png" style="display: block;"></a>
                    <a href="index.html"><img class="Smimg" src="./img/small2.png" style="display: none"></a>
                    <a href="index.html"><img class="Smimg" src="./img/small3.png" style="display: none"></a>
                </div>
            </div>
            <div class="Article">
                <div class="Srev">
                    <a class="article2 a1" href="index.html"><img class="m1" src="./img/NFT_10.png"> <span class="s1">猜你喜欢</span></a>
                </div>
                <div class="Srev">
                    <a class="article2 a2" href="index.html"><img class="m1" src="./img/NFT_06.png"><span class="s1">每日推荐</span></a>
                </div>
                
                <div class="Srev">
                    <a class="article2 a3" href="index.html"><img class="m1" src="./img/NFT_08.png"><span class="s1">排行榜</span></a>
                </div>
                
                <div class="Srev">
                    <a class="article2 a4" href="index.html"><img class="m1" src="./img/NFT_12.png"><span class="s1">分类</span></a>
                </div>
                
            </div>
            <div>
                <span>今日专属推荐</span>
            </div>
            <div class="main">
                <div class="article3">
                    <a class="bfa" href="index.html"  style="text-decoration-line: none;">
                        <div id="bf" class="bf">
                            <svg t="1667808583766" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="36095" width="128" height="128"><path d="M512 0C230.4 0 0 230.4 0 512s230.4 512 512 512 512-230.4 512-512S793.6 0 512 0z m0 981.333c-258.133 0-469.333-211.2-469.333-469.333S253.867 42.667 512 42.667 981.333 253.867 981.333 512 770.133 981.333 512 981.333z" p-id="36096" fill="#8a8a8a"></path><path d="M672 441.6L501.333 328.533c-57.6-38.4-106.666-12.8-106.666 57.6v256c0 70.4 46.933 96 106.666 57.6L672 586.667C729.6 544 729.6 480 672 441.6z" p-id="36097" fill="#8a8a8a"></path></svg>
                        </div>
                        <img class=" tuiM" src="./img/tui1.png">
                        <br><span class="tuispan" style="color: white; font-family: myFont1; text-decoration-line: none;">心灵需要纯音乐来治愈</span>
                    </a>
                </div>
                <div class="article3">
                    <a class="bfa" href="index.html"  style="text-decoration-line: none;">
                        <div class="bf">
                            <svg t="1667808583766" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="36095" width="128" height="128"><path d="M512 0C230.4 0 0 230.4 0 512s230.4 512 512 512 512-230.4 512-512S793.6 0 512 0z m0 981.333c-258.133 0-469.333-211.2-469.333-469.333S253.867 42.667 512 42.667 981.333 253.867 981.333 512 770.133 981.333 512 981.333z" p-id="36096" fill="#8a8a8a"></path><path d="M672 441.6L501.333 328.533c-57.6-38.4-106.666-12.8-106.666 57.6v256c0 70.4 46.933 96 106.666 57.6L672 586.667C729.6 544 729.6 480 672 441.6z" p-id="36097" fill="#8a8a8a"></path></svg>
                        </div>
                        <img class="tuiM" src="./img/tui2.png">
                        <br><span class="tuispan"  style="color: white; font-family: myFont1; text-decoration-line: none;">电音 | 迷幻节奏热浪，燃爆你的夏日</span>
                    </a>
                </div>
                <div class="article3">
                    <a class="bfa" href="index.html"  style="text-decoration-line: none;">
                        <div class="bf">
                            <svg t="1667808583766" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="36095" width="128" height="128"><path d="M512 0C230.4 0 0 230.4 0 512s230.4 512 512 512 512-230.4 512-512S793.6 0 512 0z m0 981.333c-258.133 0-469.333-211.2-469.333-469.333S253.867 42.667 512 42.667 981.333 253.867 981.333 512 770.133 981.333 512 981.333z" p-id="36096" fill="#8a8a8a"></path><path d="M672 441.6L501.333 328.533c-57.6-38.4-106.666-12.8-106.666 57.6v256c0 70.4 46.933 96 106.666 57.6L672 586.667C729.6 544 729.6 480 672 441.6z" p-id="36097" fill="#8a8a8a"></path></svg>
                        </div>
                        <img class="tuiM" src="./img/tui3.png">
                        <br><span class="tuispan"  style="color: white; font-family: myFont1; text-decoration-line: none;">[空灵 飘渺 意境]星空下的孤独守望者</span>
                    </a>

                </div>
                <div class="article3">
                    <a class="bfa" href="index.html" style="text-decoration-line: none;">
                        <div class="bf">
                            <svg t="1667808583766" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="36095" width="128" height="128"><path d="M512 0C230.4 0 0 230.4 0 512s230.4 512 512 512 512-230.4 512-512S793.6 0 512 0z m0 981.333c-258.133 0-469.333-211.2-469.333-469.333S253.867 42.667 512 42.667 981.333 253.867 981.333 512 770.133 981.333 512 981.333z" p-id="36096" fill="#8a8a8a"></path><path d="M672 441.6L501.333 328.533c-57.6-38.4-106.666-12.8-106.666 57.6v256c0 70.4 46.933 96 106.666 57.6L672 586.667C729.6 544 729.6 480 672 441.6z" p-id="36097" fill="#8a8a8a"></path></svg>
                        </div>
                        <img class="tuiM" src="./img/tui4.png">
                        <br><span class="tuispan"  style="color: white; font-family: myFont1;">200首火爆歌曲：听歌不是歌好听，而是..</span>
                    </a>
                </div>
            </div>
        </article>
        <nav class="main2">
            <div class="main2 nav1">
                <div class="nav1_li1"><a class="navA" href="index.html">乐库</a></div>
                <div class="nav1_li2"><a class="navA" href="index.html">歌单</a></div>
                <div class="nav1_li3"><a class="navA" href="index.html">视频</a> </div>
            </div>
            <div class="main2 navt">我的音乐</div>
            <div class="main2 nav2">
                <div class="nav2_li1"><a class="navA" href="index.html">我的收藏</a></div>
                <div class="nav2_li2"><a class="navA" href="index.html">当地音乐</a></div>
                <div class="nav2_li3"><a class="navA" href="index.html">已购音乐</a></div>
                <div class="nav2_li4"><a class="navA" href="index.html">最近播放</a></div>
                <div class="nav2_li5"><a class="navA" href="index.html">我的喜欢</a></div>
            </div>
        </nav>
    </div>



    <div class="musizlist" style="display: none">
        <div class="Main" >
            <article id="List" class="Main2" >
                <div class="musizname">国王与乞丐</div>
                <div class="muser">华晨宇</div>
                <div class="jspPane" >
                </div>
            </article>
            <nav id="listnav" class="Main2">
                <div class="Main2 Nav1">
                    <span class="listspan">播放列表</span>
                </div>
                <div class="Main2 Nav2">
                    <div id="ms1" class="mm main">
                        <div class="listspan2">许崇-有何不可</div>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                        <span class="spantime">00:00</span>
                    </div>
                    <div id="ms2" class="mm main">
                        <div class="listspan2">薛之谦-演员</div>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                        <span class="spantime">00:00</span>
                    </div>
                    <div id="ms3" class="mm main">
                        <div class="listspan2">薛之谦-丑八怪</div>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                        <span class="spantime">00:00</span>
                    </div>
                    <div id="ms4" class="mm main">
                        <div class="listspan2">周杰伦-最伟大作品</div>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                        <span class="spantime">00:00</span>
                    </div>
                    <div id="ms5" class="mm main">
                        <div class="listspan2">周杰伦-一路向北 </div>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                        <span class="spantime">00:00</span>
                    </div>
                    <div id="ms6" class="mm main">
                        <div class="listspan2">华晨宇-国王与乞丐</div>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                        <span class="spantime">00:00</span>
                    </div>
                    <div id="ms7" class="mm main">
                        <div class="listspan2">汪苏泷-不分手的恋爱 </div>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                        <span class="spantime">00:00</span>
                    </div>
                    <div id="ms8" class="mm main">
                        <div class="listspan2">汪苏泷-小星星</div>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                        <span class="spantime">00:00</span>
                    </div>
                    <div id="ms9" class="mm main">
                        <div class="listspan2">汪苏泷-那个男孩 </div>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                        <span class="spantime">00:00</span>
                    </div>
                    <div id="ms10" class="mm main">
                        <div class="listspan2">汪苏泷-万有引力</div>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                        <span class="spantime">00:00</span>
                    </div>
                    <div id="ms11" class="mm main">
                        <div class="listspan2">汪苏泷-一笑倾城 </div>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                        <span class="spantime">00:00</span>
                    </div>
                    <div id="ms12" class="mm main">
                        <div class="listspan2">汪苏泷-风度</div>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                        <span class="spantime">00:00</span>
                    </div>
                    <div id="ms13" class="mm main">
                        <div class="listspan2">叶洛洛-星星永远发着光</div>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                        <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                        <span class="spantime">00:00</span>
                    </div>
                </div>
            </nav>
        </div>
    </div>


    <div class="donmanrel">
        <div class="donman"></div>
    </div>
    
    <div class="bar-player">
        <span class="player_current"></span>
    </div>

    
    <footer class="main">
        <div class="footer_nav" >
            <a id="shouqia">
                <img class="muing" src="./img/huacyv.jpg">
                <img class="shouqi1" src="./img/shouqi1.png">
                <img class="shouqi2" src="./img/shouq.png">
            </a>
        </div>
        <div class="footer_anav main2">
            <div class="anav_header">
                <marquee><span id="marquee" style="font-size: 30px; font-weight: lighter; font-family: 方正粗黑宋简体; color: white">国王与乞丐 华晨宇</span></marquee>
            </div>
            <div class="anav_footer main">
                <a href="musiz.html"><img src="./img/love.png" style="margin: 0 0px 0 0; height: 40px; width: 40px; flex: 1; order: 1;"></a>
                <a href="musiz.html"><img src="./img/downlaod.png" style="margin: 0 0px 0 0px; height: 40px; width: 40px; flex: 1; order: 2;"></a>
                <a href="musiz.html"><img src="./img/community.png" style="margin: 0 0px 0 0px; height: 40px; width: 40px; flex: 1; order: 3;"></a>
                <a href="musiz.html"><img src="./img/share.png" style="margin: 0 0px 0 0px; height: 40px; width: 40px; flex: 1; order: 4;"></a>
                <a href="musiz.html"><img src="./img/more.png" style="margin: 0 0 0 0px; height: 40px; width: 40px; flex: 1; order: 5;"></a>
            </div>
        </div>

        <div class="footer_article">
            <div class="barnner">
                <a target="" id="pre"><svg t="1667795694741" class="icon pre" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23834" width="128" height="128"><path d="M57.727096 4.248201c11.271894 0 22.090646 3.823381 30.020621 10.648824a33.985609 33.985609 0 0 1 12.46139 25.772421v946.725787c0 20.108152-19.031941 36.421245-42.482011 36.421245S15.245084 1007.503385 15.245084 987.395233V40.641124C15.245084 20.532972 34.277026 4.248201 57.727096 4.248201z m910.87097 9.431007a73.097381 73.097381 0 0 1 35.854817 63.383161v873.883298a73.097381 73.097381 0 0 1-35.854817 63.383161 68.990787 68.990787 0 0 1-71.284816-0.934604L189.194761 576.452575v0.028321a73.267309 73.267309 0 0 1-34.382108-62.448557c0-25.602492 13.027817-49.307455 34.382108-62.476878L897.31325 14.613812a68.990787 68.990787 0 0 1 71.284816-0.934604z" p-id="23835" fill="#48D1CC"></path></svg></a>
                <a target="" id="start"><img src="./img/bafa.png" class="start"></a>
                <a target="" id="next"><svg t="1667795757344" class="icon next" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25634" width="128" height="128"><path d="M967.11117 0.000284c-11.320879 0-22.186648 3.839997-30.151086 10.723547a34.133305 34.133305 0 0 0-12.515545 25.855979v950.840096c0 20.195539 19.114651 36.579525 42.666631 36.579525s42.666631-16.383986 42.666631-36.579525V36.57981C1009.777801 16.384271 990.663151 0.000284 967.11117 0.000284zM50.205268 9.500721A73.41505 73.41505 0 0 0 14.223076 73.159335v877.681046a73.41505 73.41505 0 0 0 35.982192 63.658614 69.290609 69.290609 0 0 0 71.594607-0.938666l711.195852-438.840523v0.028444A73.585716 73.585716 0 0 0 867.555698 512.028302c0-25.713756-13.112878-49.521737-34.559971-62.748392L121.799875 10.439387A69.290609 69.290609 0 0 0 50.205268 9.500721z" p-id="25635" fill="#48D1CC"></path></svg></a>            
            </div>
        </div>
        <div class="timerel">
            <div class="time" style="color: gray">
                <span id="current">00:00</span>/<span id="total">00:00</span>
            </div>
        </div>
        <div class="ylrel">
            <div class="onyl" >
                <div class="player_yl"></div>
                <span class="ylcount">100%</span>
            </div>
        </div>
        
        <div class="footer_aside main">
            <a id="lya" target=""><img id="yl" class="yl" src="./img/laba.png"></a>
            <a target=""><svg t="1667796850086" class="icon xh" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="30303" width="128" height="128"><path d="M192 789.333333a21.24 21.24 0 0 1-12.8-4.28 344.513333 344.513333 0 0 1-99.333333-118A341.246667 341.246667 0 0 1 384 170.666667h256q6.36 0 12.733333 0.233333l-49.153333-49.146667a21.333333 21.333333 0 0 1 30.173333-30.173333l85.333334 85.333333a21.333333 21.333333 0 0 1 0 30.173334l-85.333334 85.333333a21.333333 21.333333 0 0 1-30.173333-30.173333l48.666667-48.666667Q646.126667 213.333333 640 213.333333H384c-164.666667 0-298.666667 134-298.666667 298.666667 0 94.833333 43.546667 181.933333 119.48 238.966667A21.333333 21.333333 0 0 1 192 789.333333z m228.433333 143.06a21.333333 21.333333 0 0 0 0-30.173333l-49.153333-49.146667q6.366667 0.233333 12.733333 0.233334H640a341.46 341.46 0 0 0 304.146667-496.42 344.513333 344.513333 0 0 0-99.333334-118 21.333333 21.333333 0 1 0-25.626666 34.113333C895.12 330.066667 938.666667 417.166667 938.666667 512c0 164.666667-134 298.666667-298.666667 298.666667H384q-6.12 0-12.246667-0.246667l48.666667-48.666667a21.333333 21.333333 0 0 0-30.173333-30.173333l-85.333334 85.333333a21.333333 21.333333 0 0 0 0 30.173334l85.333334 85.333333a21.333333 21.333333 0 0 0 30.173333 0z" fill="#e6e6e6" p-id="30304"></path></svg></a>
            <a target=""><svg t="1667796883097" class="icon gc" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="31856" width="128" height="128"><path d="M512 0c282.766222 0 512 229.233778 512 512s-229.233778 512-512 512S0 794.766222 0 512 229.233778 0 512 0z m0 64C264.590222 64 64 264.590222 64 512S264.590222 960 512 960 960 759.409778 960 512 759.409778 64 512 64z m262.826667 183.694222V727.04c0 29.411556-6.883556 43.804444-25.656889 51.313778-20.024889 8.135111-53.191111 8.760889-103.879111 8.760889-2.503111-12.515556-9.386667-34.417778-15.644445-46.307556 38.172444 1.877333 75.093333 1.251556 86.357334 0.625778 10.638222 0 14.392889-3.754667 14.392888-14.392889V290.872889h-300.373333V247.694222H774.826667z m-408.007111 163.953778v263.452444l64.455111-45.056c3.128889 12.515556 10.012444 30.037333 13.767111 38.798223-98.929778 73.898667-118.414222 88.206222-128.142222 100.209777l-1.393778 1.792c-5.006222-9.386667-18.147556-25.031111-26.282667-31.914666 11.889778-9.386667 33.792-32.540444 33.792-63.829334v-219.022222H230.4v-44.430222h136.419556z m288.483555 43.804444v198.997334H512v41.927111h-41.927111v-240.924445h185.230222z m-41.927111 40.049778H512v118.272h101.376V495.502222z m71.964444-142.677333v40.049778h-239.672888v-40.049778h239.672888zM297.984 235.804444c33.166222 28.16 75.719111 66.958222 95.744 92.615112l-31.288889 32.540444c-18.773333-26.282667-60.700444-67.584-94.492444-96.369778z" p-id="31857" fill="#e6e6e6"></path></svg></a>
            <a target=""><svg t="1667796915821" class="icon lb" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="32654" width="128" height="128"><path d="M981.333333 917.333333a21.333333 21.333333 0 0 1-21.333333 21.333334H64a21.333333 21.333333 0 0 1 0-42.666667h896a21.333333 21.333333 0 0 1 21.333333 21.333333zM533.333333 170.666667h426.666667a21.333333 21.333333 0 0 0 0-42.666667H533.333333a21.333333 21.333333 0 0 0 0 42.666667z m426.666667 341.333333H533.333333a21.333333 21.333333 0 0 0 0 42.666667h426.666667a21.333333 21.333333 0 0 0 0-42.666667zM62.833333 593.12a37.213333 37.213333 0 0 0 38.713334-2.666667l309.333333-218.633333a37.333333 37.333333 0 0 0 0-60.973333l-309.333333-218.633334A37.333333 37.333333 0 0 0 42.666667 122.7V560a37.2 37.2 0 0 0 20.166666 33.12z" fill="#e6e6e6" p-id="32655"></path></svg></a>
        </div>
    </footer>
    <div class="audio" style="display: none">
        <audio id="audio" src="./vedio/gg.mp3" type="audio/mp3">
        </audio>
    </div>

    <div class="videopage main2" style="display: none">
        <div id="va"></div>
        <video id="video" src="https://vd2.bdstatic.com/mda-nke0hquteyyf0ux2/sc/cae_h264/1668490187662576206/mda-nke0hquteyyf0ux2.mp4?v_from_s=hkapp-haokan-hna&auth_key=1668608100-0-0-6c5549181bfd56219198cad3034fc5bd&bcevod_channel=searchbox_feed&pd=1&cd=0&pt=3&logid=2700824771&vid=8443363492752280389&abtest=104959_2&klogid=2700824771" ></video>
        <div class="vediobf"><img src="./img/vbf.png" class="vimg" ></div>
        <div class="btnv">X</div>
    </div>    

    <div class="listmnav" class="Main2">
        <div class="Main2 Nav1">
            <span class="listspan">歌单列表</span>
        </div>
        <div class="Main2 Nav2">
            <div class="ms" class="mm main">
                <div class="listspan2">许崇-有何不可</div>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                <span class="spantime2">00:00</span>
            </div>
            <div class="ms" class="mm main">
                <div class="listspan2">薛之谦-演员</div>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                <span class="spantime2">00:00</span>
            </div>
            <div class="ms" class="mm main">
                <div class="listspan2">薛之谦-丑八怪</div>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                <span class="spantime2">00:00</span>
            </div>
            <div class="ms" class="mm main">
                <div class="listspan2">周杰伦-最伟大作品</div>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                <span class="spantime2">00:00</span>
            </div>
            <div class="ms" class="mm main">
                <div class="listspan2">周杰伦-一路向北 </div>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                <span class="spantime2">00:00</span>
            </div>
            <div class="ms" class="mm main">
                <div class="listspan2">华晨宇-国王与乞丐</div>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                <span class="spantime2">00:00</span>
            </div>
            <div class="ms" class="mm main">
                <div class="listspan2">汪苏泷-不分手的恋爱 </div>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                <span class="spantime2">00:00</span>
            </div>
            <div class="ms" class="mm main">
                <div class="listspan2">汪苏泷-小星星</div>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                <span class="spantime2">00:00</span>
            </div>
            <div class="ms" class="mm main">
                <div class="listspan2">汪苏泷-那个男孩 </div>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                <span class="spantime2">00:00</span>
            </div>
            <div class="ms" class="mm main">
                <div class="listspan2">汪苏泷-万有引力</div>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                <span class="spantime2">00:00</span>
            </div>
            <div class="ms" class="mm main">
                <div class="listspan2">汪苏泷-一笑倾城 </div>
                <a href="index.html" style="text-decoration-line: none" ><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                <span class="spantime2">00:00</span>
            </div>
            <div class="ms" class="mm main">
                <div class="listspan2">汪苏泷-风度</div>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                <span class="spantime2">00:00</span>
            </div>
            <div class="ms" class="mm main2">
                <div class="listspan2">叶洛洛-星星永远发着光</div>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/9-Vip.png" style="margin:5px 0 0 0;height: 15px; width: 30px;border: #dea237 solid 3px; border-radius: 5px"></a>
                <a href="index.html" style="text-decoration-line: none"><img src="./img/vi.png" style="margin-top:5px;margin-left:2px;height: 20px; width: 30px;"></a>
                <span class="spantime2">00:00</span>
            </div>

        </div>
    </div>
    <div class="piture">
        <div class="pit1"></div>
        <div class="pit2"></div>
        <div class="pit3"></div>
        <div class="pit4"></div>
        <div class="pit5"></div>
        <div class="btnp">EXIT</div>
    </div>


</body>
</html>


